
<header  class="bar bar-header  bar-stable bar-mycolor " >
		<a class="button button-clear icon ion-ios-arrow-left" href="#/tab/main" ></a>
			<h1 class="title ">淘茶</h1>
		<!--<button class="button button-clear icon ion-share" ng-click="share()"></button>-->
</header>

<ion-content class="has-header bk-gray" data-ng-init="loadProductClass()">
	<ion-refresher
	    pulling-text="下拉刷新..."
	    on-refresh="loadProductClass()">
	</ion-refresher>
	
	<!--茶分类   ionic row不能嵌套-->
	<div class="bk-white font-color-gray" id="product-tao-nav">
		<div class="row_autoWarp">
			<div class="col-25" ng-click="goto_product_class(pro_class.id,pro_class.name)" ng-repeat="pro_class in productClass_list">
				<div class="nav-circle">
					<div class="nav-circle-icon"><img src="{{pro_class.logo}}"/></div>	
					<div class="nav-circle-label ">{{pro_class.name}}</div>	
				</div>	
			</div>	
		</div>
	</div>	
	
	<div class="title-style-tip title-tip-red" >
      	 	<div class="title-hr"></div>
      		<span class="tip-title">热卖产品</span>
    </div>

	<ion-list class="product-list-full"> 
		
		<div class="item item-body" ng-repeat="product in product_data" ng-click="goto_product_info(product.id)">
          <img class="full-image" src="{{product.image}}">
          <div class="item-desc">
         
	          <p class="list-item-desr">
	           	<!--	<span>认证：</span>-->
	           		<span class="identity-icons">
						<span class="identity-icon i1">
							<img src="img/product/i1.png"/>
						</span>
						<span class="identity-icon i2">
							<img src="img/product/i2.png"/>
						</span>
						<span class="identity-icon i3">
							<img src="img/product/i3.png"/>
						</span>
						<span class="identity-icon i4">
							<img src="img/product/i4.png"/>
						</span>
					</span>
	           		
	           		<span class="product-title">
	           			<span class="product-title-name">{{product.name}}</span>
	           			<span class="product-title-row">
	           				<a href="#" class="subdued icon ion-ios-arrow-forward"></a>
	           			</span>
	           		</span>
	          </p>
	          <p class="list-item-icons">
	            <span>销量：{{product.sale_count}}</span>
	            <span class="product-price">
	           	  	<a href="#" class="subdued ">¥{{product.sale_price}}</a>
	            </span>
	          </p>
	          
        	</div>
        </div> 
  
      </ion-list>
		
	</div>
	
	<ion-infinite-scroll  ng-if="!isStop_scroll" on-infinite="scroll_load_product()" distance="1%" ></ion-infinite-scroll>
</ion-content>